<template>
	<view style="background-color: #fff;height:680px;">
		<view class="contaier">
			<image :src="obj.imgSrc" class="img" mode="">
			</image>
		</view>
		<view class="mainBox">
			<view class="label">
				{{obj.name}}
			</view>
			<view class="description">
				{{obj.description}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				obj:{
					imgSrc:'https://bkimg.cdn.bcebos.com/pic/ac6eddc451da81cb7e6a26145066d0160824315e',
					name:'荷兰兔',
					description:'荷兰兔脸部有v字形的白色区块，延伸至下颔部位。体型小，耳朵也比较短，鼻子四周和脖子到前脚为白色，其他部分为黑色、蓝色、巧克力色、灰色、黄色(ARBA对黄色荷兰兔并不认可)、海龟绿和铜铁色等颜色搭配大概配出了十几种色彩。荷兰兔具有高度想象空间的模样，使它成为欧、美、澳洲，非常流行的宠物兔。'
				}
			}
		},
		methods: {

		},
		mounted(){
			let _this = this
			uni.getStorage({
				key: 'imgRecognition',
				success(res){
					console.log(res)
					_this.obj = res.data
					// console.log(typeof _this.obj.name,_this.obj.name);
					if(_this.obj.name==undefined||_this.obj.name==null){
						_this.obj.name="未识别成功，请重新上传！"
						_this.obj.description=""
					}
				}
			})
			
		}
	}
</script>

<style scoped>
	.contaier {
		border-radius: 0 0 36rpx 36rpx;
	}

	.contaier .img {
		width: 100%;
		border-radius: 0 0 36rpx 36rpx;
	}

	.mainBox {
		padding: 30rpx;
	}

	.mainBox .label {
		margin-top: 20rpx;
		font-size: 16pt;
	}

	.mainBox .description {
		margin-top: 40rpx;
		font-size: 12pt;
		line-height: 20pt;
		color: #666;
	}
</style>
